<!doctype html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>直推</title>
	<style type="text/css">
		[v-cloak] {
			display: none;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="m-top-shift">
			<div class="item" @click="typeDetailShift(1)" :class="{active:off.typeDetail == 1}">
				<div class="name">游客</div>
				<div class="num">{{ count.memOne }}</div>
			</div>
			<div class="item" @click="typeDetailShift(2)" :class="{active:off.typeDetail == 2}">
				<div class="name">商户<em class="f-fs-12"> (D级) </em></div>
				<div class="num">{{ count.memTwo }}</div>
			</div>
			<div class="item" @click="typeDetailShift(3)" :class="{active:off.typeDetail == 3}">
				<div class="name">推广<em class="f-fs-12"> (C级) </em></div>
				<div class="num">{{ count.memThr }}</div>
			</div>
			<div class="item" @click="typeDetailShift(4)" :class="{active:off.typeDetail == 4}">
				<div class="name">运营<em class="f-fs-12"> (B级) </em></div>
				<div class="num">{{ count.memFou }}</div>
			</div>
			<div class="item" @click="typeDetailShift(5)" :class="{active:off.typeDetail == 5}">
				<div class="name">战略<em class="f-fs-12"> (A级) </em></div>
				<div class="num">{{ count.memFiv }}</div>
			</div>
		</div>
		<div class="m-data-list">
			<ul class="f-scroll" id="dataBox" v-show="dataList.length" @scroll="pullLoad" :style="{height:boxHeight}">
				<li v-for="todo in dataList">
					<div class="row">
						<div class="lt grey">
							<span v-if="off.typeDetail == 1">游<em class="space-two"></em>客</span>
							<span v-if="off.typeDetail == 2">商<em class="space-two"></em>户</span>
							<span v-if="off.typeDetail == 3">推<em class="space-half"></em>广<em
									class="space-half"></em>方</span>
							<span v-if="off.typeDetail == 4">运<em class="space-half"></em>营<em
									class="space-half"></em>方</span>
							<span v-if="off.typeDetail == 5">战<em class="space-half"></em>略<em
									class="space-half"></em>方</span>
						</div>
						<div class="rt">
							<span>{{ todo.phone }}</span>
							<span v-show="todo.phone != todo.name && todo.name">/{{ todo.name }}</span>
						</div>
					</div>
					<div class="row" v-if="off.typeDetail != 1">
						<div class="lt">收<em class="space-two"></em>益</div>
						<div class="rt yellow">￥{{ numberFormat(todo.fee) }}</div>
					</div>
					<div class="row">
						<div class="lt" v-if="off.typeDetail == 1">注册时间</div>
						<div class="lt" v-if="off.typeDetail != 1">加入时间</div>
						<div class="rt">{{ getDateTime(todo.time)[7] }}</div>
					</div>
				</li>
			</ul>
			<div v-if="!isPullLoad" class="m-dragup-loading">
				<span class="u-icon-loading"></span>
				<span class="text">加载中···</span>
			</div>
			<div class="f-no-data" v-show="!dataList.length&&!firstLoad" :style="{height:boxHeight}">
				<img src="~@/assets/img/default_pic.png" alt="">
				<div class="blue-lt">当前暂无数据</div>
			</div>
			<div class="f-no-more" v-show="isHaveMore">暂无更多</div>
		</div>

	</div>
	<!-- CDN加载Vue库 -->
	<script src="https://cdn.bootcss.com/vue/2.1.5/vue.min.js" type="text/javascript"></script>
</body>

</html>